﻿@{
    ViewBag.Title = "IndexGestionCategoria";
    //Layout = "~/Views/Shared/LayoutAjax.cshtml";
    Layout = "~/Views/Shared/Layout.cshtml";
    <!-- Script solo para esta vista  -->
    <script src="../../Scripts/GestionCategoria/GestionCategoria.js" type="text/javascript"></script>
}



<div class="row-fluid margin-bottom-20">

    <div id="check-number" class="span6" style="padding: 15px;">
        <form class="horizontal-form" action="#">

             <input id="number" type="text" value="" class="m-wrap span12"/>  

             <div class="category-action-buttons">
              <button id="submit" type="button" class="btn category-button-insert">Check Number</button>  <br /><br /> 
             </div>
             
             
            
            
          </form>
    </div>
</div>  


<div class="row-fluid margin-bottom-20">





    <div id="gestion-categoría" class="span6" style="padding: 15px;">
        <form class="horizontal-form" action="#">
            <h3>IndexGestionCategoria</h3>
            <div class="category-input-fields">
                <div class="control-group">
                    <label class="control-label">Nombre:</label>
                    <div class="controls">
                        <input id="category-input-name" class="m-wrap span12" placeholder="Nombre de la categoría." type="text" value="">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Descripción:</label>
                    <div class="controls">
                        <input id="category-input-description" class="m-wrap span12" placeholder="Descripción de la categoría." value="">
                    </div>
                </div>
                <div class="category-action-buttons">
                    <button id="insert" type="button" class="btn category-button-insert">Insertar</button>
                    <button type="button" class="btn test1-button-insert">Test</button>
                </div>
            </div>
            <div class="space20"></div> 
            <div class="category-search-inputs">
                <div class="control-group">
                    <label class="control-label">Buscar:</label>
                    <div class="controls">
                        <input id="category-input-searchfield" class="m-wrap span12" type="text" placeholder="Buscar categorías por nombre." value="" />
                    </div>
                </div>
            </div>
            <div class="category-search-results">
            </div>
            <div class="category-response">
            </div>
        </form>
    </div>
</div>

<div id="responsive" class="modal hide fade" tabindex="-1" data-width="760">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Modificar</h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div id="modal-ajax-content" class="span6">
            </div>
        </div>
    </div>
    <div class="modal-footer" id="modal-footer-content">

    </div>
</div>


            
            <script type="text/javascript">  
               $('#submit').click(function () {  
                 $.post("WorkFlow",  
                     { number: $('#number').val() },  
                     function (data) {  
                         $('#category-input-description').val(data);
                     }  
                 );  
               });  
             </script>